﻿body {
    font: 16px/1.3 'Arial','Microsoft YaHei';
}
.aaa div div{
    width:50px;
    height:50px;
    float:left;
    background-color:#d7d7d7;
}
ul li{
        list-style-type: none;
        list-style: none;
        /*display: list-item;
        float: left;
        width:250px;*/
    }
    ul{
        list-style: none;
        list-style-type: none;
        margin: 0px;
        padding: 0px;
    }
    button{
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }
    #indexDiv{
        width:1000px;
        margin: 0 auto;
        /*border: 1px solid #ff0000;*/
    }
    #userDiv{
        height: 26px;
    }
    #userDiv div{
        float:right;
    }
    .user_function div{
        display: inline;
        line-height: 26px;
        margin: 0 15px;
        white-space: nowrap;
    }
    .user_function div a{
        font-size: 16px;
        text-decoration: none;
    }
    #praiseAndRankDiv{
        border: 1px solid #00ff00;
        height: 500px;
    }
    .praiseDiv{
        /*position:absolute;*/
        width:700px;
        height: 100%;
        border: 1px solid #f00;
        float: left;
    }
    .praiseEach{
        margin-top: 0;
        border-top: 0;
        position: relative;
        zoom: 1;
        padding-top: 10px;
        border-bottom: 1px #d7d7d7 dotted;
    }
    .praiseEachImage{
        float: left;
        width: 30px;
        height: 30px;
        border: 1px #ccc solid;
        padding: 1px;
    }
    .praiseEachContent{
        margin-left: 45px;
        zoom: 1;
        word-wrap: break-word;
        word-break: break-all;
    }
    .praise_content_main{
        line-height: 18px;
        font-size: 14px;
    }
    .praise_content_reply{
        text-align: right;
    }
    .praise_content_time{
        
    }
    .praise_content_r{
        color: #666;
        padding-left: 5px;
        margin-right: 5px;
    }
    .praiseInfoShow{
        /*display: none;*/
        width: 700px;
        min-height: 40px;
        border: 1px solid #000;
    }
    .praseInfoMainDialog{
        width: 600px;
        min-height: 40px;
        word-break: break-all;
        word-wrap: break-word;
        border: 1px solid #00ff00;
        float: left;
    }
    .praseInfoComment{
        float: right;
        /*bottom: 0px;*/
        height: 40px;
        width:80px;
        border: 1px solid #00ff00;
    }
    .praseInfoComment button{
        width: 80px;
        height: 40px;
    }
    #rankDiv{
        width: 250px;
        height: 100%;
        border: 1px solid #cccccc;
        float:right;
    }
    #rankByDiv{
        /*display: inline;*/
        height:50px;
        /*width: 25%;
        height:60px;
        float:left;
        border: 1px solid #00f;*/
    }
    #rankByDiv div{
        width: 25%;
        height:100%;
        float:left;
        /*border: 1px solid #00f;*/
    }
    #rankByDiv div button{
        width: 100%;
        height: 100%;
        font-size: 15px;
    }
    #rankerDetailsDiv{
        height: 40px;
        margin: 5px;
    }
    .rankerDetails li{
        height: 40px;
        margin: 5px;
    }
    .rankerNumDiv{
        width: 20%;
        height:40px;
        float:left;
        line-height: 40px;
        text-align: center;
        background-color: #cccccc;
        font-size: 20px;
        color: #ffffff;
        /*-webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;*/
    }
    .rankerInfoDiv{
        width:80%;
        height:40px;
        float: right;
        line-height: 40px;
        text-align: center;
    }
    #makePraiseDiv{
        float: left;
        margin-top: 10px;
        min-height:200px;
        height: auto;
        border: 1px solid #cccccc;
    }/*
    .praiserWhole{
        min-height:200px;
        /*clear:both;*/
        /*display: inline;
    }*/
    .praiserEach{
        width:100px;
        height:100px;
        border: 1px solid #00f;
        /*display: inline;*/
        float: left;
        margin: 4px 2px 4px 6px;
        /*padding: 5px;*/
    }
    /*.praiserEach div{
        display: inline;
    }*/
    .praiserImage{
        height: 80%;
        width: 100%;
        border: 1px solid #f00;
    }
    .praiserAlias{
        height: 30px;
        width:100%;
        text-align: center;
        font-size: 16px;
    }
    .praiseInfo{
        /*position:absolute;*/
        float: left;
        left:0;
        bottom:0;
        border: 1px solid #000;
        width: 100%;
        margin-top: 5px;
        /*height: 40px;*/
    }
    .submitBtn{
        float: right;
    }
    .praiseText{
        width:880px;
    }